{extend name="layout/base" /}

{block name="title"}首页{/block}

{block name="main"}
<div class="max-w-sm mx-auto">

    {if session('toast')}
    <div id="toaster" class="toaster top-0 bottom-auto" data-align="center">
        <div class="toast" role="status" aria-atomic="true" aria-hidden="false" data-category="success">
            <div class="alert shadow-md">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10" /><line x1="12" x2="12" y1="8" y2="12" /><line x1="12" x2="12.01" y1="16" y2="16" /></svg>
                <h2>{:session('toast.type')}</h2>
                <section>{:session('toast.message')}</section>
              </div>
        </div>
    </div>
    {/if}
</div>
{/block}